<template>
  <div id="app">
    <!-- this is App -->
    <!-- <button @click="passMsg"> 传你 </button> -->
    <!-- 引入模板，vue的命名规范，大写字母用横杠隔开 -->
    <!-- <m-parent :msga='a' :msgb="b" :msgc="c"></m-parent>  -->
    <!-- <router-link to='/home'>home</router-link>
    <button @click="toHome">home</button> -->
    <router-view></router-view>
  </div>
</template>

<style>
</style>

<script>
//引入赋值组件
import bus from './util/bus'
import MParent from './views/Parent'
export default {
  data() {
    return {
      a: 'msga',
      b: 'msgb',
      c: 'msgc'
    }
  },
  //注册
  components: {
    MParent 
  },
  // 传递自定义事件都是通过$emit来传递的
  methods: {
    passMsg() {
      // 传递消息,绑定事件
      bus.$emit('msg','我是App.vue传递过来的自定义事件的数据')
    },
    toHome () {
      //router跳转的一个参数
      //push来进行跳转
      //路径就可以试一个对象
      //$表示vue里面的固定参数
      // this.$router.push({ path: '/home' , query: {id:888} })  
      this.$router.push({ name: 'home' , params: {id:888} })
    }

  } 
}
</script>

